.title {
				margin: 20px 15px 10px;
				color: #ededed;
				font-size: 15px;
			}
			::-webkit-scrollbar{
			      display: none;
			    }
				input{
					border:0 !important;
					margin-bottom: 0 !important;
					padding-left: 2px !important;
					font-size: 15px;
					font-weight: 400;
				}

			.oa-contact-cell.mui-table .mui-table-cell {
				padding: 11px 0;
				vertical-align: middle;
			}

			.oa-contact-cell {
				position: relative;
				margin: -11px 0;
			}

			.oa-contact-avatar {
				width: 75px;
			}

			.oa-contact-avatar img {
				border-radius: 50%;
			}

			** .oa-contact-content {
				width: 100%;
			}

			.oa-contact-name {
				margin-right: 20px;
			}

			.oa-contact-name,
			oa-contact-position {
				float: left;
			}

			.mui-action-back,
			mui-icon,
			mui-icon-left-nav,
			mui-pull-left,
			a {
				color: #000000;
			}

			body {
				width: 100%;
				min-height: 100vh;
				padding: 0 10px 54px 10px;
				color: #000000;
			}

			.mui-slider {
				width: 100%;
				height: 83px;
			}

			.mui-slider img {
				border-radius: 12px;
				width: 375px;
				height: 83px;
			}

			.mui-slider-indicator .mui-indicator {
				margin: 2px;
			}

			.choose-area {
				width: 100%;
				min-height: 328px;
				border-radius: 9px;
				background-color: #ffffff;
				margin-top: 10px;
			}

			.top-tab {
				width: 100%;
				height: 41px;
				display: flex;
			}


			.top-tab-noActive {
				font-size: 13px;
				width: 50%;
				line-height: 41px;
				text-align: center;
				color: rgb(99, 209, 136);
				background-color: #ffffff;
			}

			.bottom-tab {
				width: 100%;
				height: 40px;
				margin: 5px 0;
				display: flex;
				border-top-left-radius: 9px;
				border-top-right-radius: 9px;
			}

			.bottom-tab-flex {
				flex: 1;
				line-height: 40px;
				text-align: center;
				font-size: 13px;
				background-color: rgba(243, 243, 251, 1);
			}
			.bottom-tab-active {
				font-weight: 700;
				font-size: 16px;
				background-color: #ffffff;
				color: #63d188;
			}

			.bottom-tab-noActive {
				font-size: 14px;
				width: 50%;
				color: #000000;
			}

			.form-item {
				/* width: 332px; */
				height: 51px;
				border-bottom: 1px solid rgba(242, 242, 242, 1);
				margin: 0 18px;
				display: flex;
				justify-content: space-between;
				align-items: center
			}

			.form-area-date {
				color: #000000;
				font-weight: 400;
				font-size: 15px;
				display: flex;
				align-items: flex-end;
			}

			.form-date {}

			.plane-icon {
				width: 34px;
				height: 34px;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.radio-area {
				height: 25px;
				margin-left: 18px;
				margin-right: 18px;
				margin-top: 20px;
				display: flex;
				justify-content: space-between;
			}

			.seat-area {
				width: 127px;
				height: 25px;
				background-color: #f2f2f2;
				border-radius: 10px;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.seat-active {
				height: 24px;
				color: #63d188;
				line-height: 24px;
				background-color: #ffffff;
				border-radius: 10px;
				font-size: 12px;
				padding: 0 6px
			}

			.seat-noActive {
				height: 24px;
				line-height: 24px;
				color: #000000;
				font-size: 12px;
				padding: 0 6px
			}
			.flash-sale{
				width: 100%;
				height: 130px;
				margin-top:10px;
				border-radius: 9px;
				background-color: #ffffff;
				padding: 15px;
			}
			.plane-ticket{
				margin-top: 16px;
			}
			.ticket-item{
				width: 48%;
				height: 62px;
				background-color: #FFF9F1;
				padding: 15px;
				border-radius: 9px;
			}
			
			.with-baby {
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.history-area {
				margin: 10px 0;
				width: 100%;
				padding: 0 15px;

			}

			.history-item {
				display: flex;
				justify-content: space-between;
			}

			.button-area {
				position: relative;
				width: 100%;
				height: 38px;
				margin-top: 10px;
				text-align: center;
			}

			.button1 {
				width: 90%;
				height: 38px;
				background-color: #63d188;
				color: #ffffff;
				border-radius: 24px;
				font-size: 14px;
			}

			.button-icon {
				position: absolute;
				top: 5px;
				left: 60px;
				width: 30px;
				height: 30px;
			}

			.special-offer {}

			.special-future {
				display: flex;
				align-items: center;
				margin-left: 15px;
				margin-top: 8px;
				font-size: 12px;
			}

			.baby-pop-area {
				width: 100%;
				height: 170px;
				background-color: #ffffff;
				border-top-left-radius: 12px;
				border-top-right-radius: 12px;
				margin-left: -5px;
				padding: 14px;
			}

			.baby-item {
				width: 48%;
				height: 60px;
				background-color: #eaeaea;
				border-radius: 15px;
				padding: 10px;
			}

			.baby-item-class {
				display: flex;
				justify-content: space-between;

			}

			.citys-pop-area {
				width: 100%;
				/* height: 700px; */
				height: 100%;
				background-color: #ffffff;
				border-top-left-radius: 12px;
				border-top-right-radius: 12px;
				padding-top: 10px;
				padding-left: 10px;
				margin-bottom: 50px;
			}
			/* .mui-scroll-wrapper{
				overflow: auto !important;
			} */

			.title {
				color: #000000;
				font-size: 14px;
				font-weight: 600;
			}
			.pop-title{
				text-align: center;
				font-size: 15px;
				display: flex;
				width: 100%;
				justify-content: space-between;
				align-items: center;
				padding:0 15px;
			}
			.input-area{
				width: 100%;
				height: 31px;
				position: relative;
				padding: 0 13px;
				margin-top: 23px;
				display: flex;
				justify-content: space-between;
			}
			.search-item{
				width: 100%;
				padding: 0 15px;
				line-height: 36px;
				display:flex;
				justify-content: space-between;
				align-items: center;
			}
			.input-style{
				width: 100%;
				height: 31px !important;
				padding-left: 25px !important; 
				border-radius: 15.5px !important;
				background-color: #F6F9FC !important;
				font-size: 12px !important;
			}
			.input-search-style{
				width: 85% !important;
				height: 31px !important;
				padding-left: 25px !important;
				border-radius: 15.5px !important;
				background-color: #F6F9FC !important;
				font-size: 12px !important;
			}

			.city-item {
				width: 85px;
				height: 30px;
				margin-right: 4px;
				background-color: rgba(242, 242, 242, 1);
				text-align: center;
				margin-bottom: 4px;
				line-height: 30px;
				font-size: 10px;
			}
			.city-item-active{
				font-weight: 700;
				color: #63d188;
			}

			.citys-pop-header {
				width: 100%;
				padding: 10px;
				display: flex;
				justify-content: space-between;
			}

			.flex-center {
				display: flex;
				align-items: center;
			}
			.flex-spacebetween{
				display: flex;
				align-items: center;
				justify-content: space-between;
			}
			.flex-column-align-center{
				display: flex;
				display: flex;
				flex-direction: column;
				align-items: center;
			}
			.position-icon{
				width: 20px;
				height: 20px;
			}
			.pop-position-icon{
				width: 11px;
				height: 11px;
				margin-right: 6px;
			}
			.tab-bar{
				margin-left: -10px;
				position: fixed;
				bottom: 0;
				width: 100%;
				height: 49px;
				background-color: #ffffff;
				display: flex;
				justify-content: space-between;
			}
			.tab-bar-item{
				flex: 1;
				height: 100%;
				color: #000000;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				font-size: 11px;
				
			}
			.tab-bar-item img{
				width: 23px;
				height: 23px;
			}